<template>
	<view class="w-max h-max">
		<!-- <view class="header-bar"></view> -->
		<!-- <u-icon name="arrow-left" color="#fff" size="30"></u-icon> -->
		<!-- <video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" object-fit='contain' class="w-max h-max videobox" controls></video> -->
		<view class="w-max pl30 pr30 footerbox flex row-column">
			<!-- 头像盒子 -->
			<view class="avaterbox flex1 flex row-right">
				<view class="avaterimage w100 h100">
					<image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi.qqkou.com%2Fi%2F1a3050520038x1041074012b26.jpg&refer=http%3A%2F%2Fi.qqkou.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1639653789&t=b2ac1c6a41348c4e660429146ae5970e" class="w100 h100 radius100"></image>
					<view class="iconbox">
						<u-icon name="plus-circle-fill" color="#D23030" size="40"></u-icon>
					</view>
				</view>
			</view>
		  <!-- //头像盒子 -->
		  <view class="flex1 flex">
		  	
		  </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
page {
	width: 100%;
	height: 100%;
}
.footerbox {
	height: 400rpx;
	background-color: pink;
	.avaterbox {
		.avaterimage {
			position: relative;
		}
		.iconbox {
			position: absolute;
			left: 30%;
			bottom: -30%;
		}
	}
}
</style>
